<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<c:set var="language" value="${param.language}" />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>新聞動態列表</title>

<script type='text/javascript' src="${ctx}/extends/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
<!--//<![CDATA[
	var ctx = "${ctx}";
	var language = "${language}";
	/**
	* Global setting ajax parameters
	*/
	$.ajaxSetup({ cache: false });	
	//]]>//-->
</script>

<style type="text/css">
html {
	height:100%;
}

body {
	background:url(${ctx}/pages/web/res/bg.png) center repeat-y;
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0 none;
}

div#container {
	margin: 0 auto;
	border: 0 none;
	padding: 0;
	text-align: left;
	width: 1024px;
}

div#content {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 742px;
	min-height: 550px;
}
div#navigator {
	background:url(${ctx}/pages/web/res/navigator.png) center no-repeat;
	width:1024px;
	height:115px;
}
div#navigator ul {
	float:left;
	margin-left:350px;
	margin-top:-37px;
}
div#navigator ul li {
	float:left;
	text-align:center;
	list-style-type:none;
	margin:0;
	width:100px;
	border-left:#177b95 1px dotted;
}
div#navigator ul li a{
	text-decoration:none;
	color:#666666;
}
div#navigator ul li a:hover{
	text-decoration:none;
	color:#177b95;
}

div#footer {
	position: relative;
	background: url(${ctx}/pages/web/res/foot.png) center no-repeat;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	width: 1024px;
	height: 85px;
}

div#date {
	float: left;
	margin: 10px 0 0 15px;
	font-size: 14px;
	color: #15647a
}

div#detail {
	clear: both;
	background: url(${ctx}/pages/web/res/product_parameter.png) center bottom no-repeat;
	padding-bottom: 20px;
	text-align: left;
}

.unit {
	padding-top:50px;
}

.title {
	float: left;
	font-family: "宋体";
	font-size: 28.5px;
	color: #2ddffa;
	text-indent: 25px;
	cursor: pointer;
}

.number {
	float: left;
	background: url(${ctx}/pages/web/res/title_bg.png) left no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 25px;
	color: #15647a;
	width: 37px;
	height: 35px;
}

.date {
	float: right;
	background: url(${ctx}/pages/web/res/news.png) right no-repeat;
	color: #2ddffa;
	font-size: 14px;
	margin-top: 10px;
	width: 160px;
	height: 23px;
}

.remark {
	clear: both;
	background: url(${ctx}/pages/web/res/about_line.png) center top repeat-x;
	margin: 5px 0;
	padding: 15px 0;
	text-indent: 35px;
	color: #666666;
	font-size: 14px;
	letter-spacing: 2px;
	cursor:pointer;
}

.read {
	float: right;
	margin-top: -15px;
	color: #2ddffa;
	font-size: 14px;
	text-decoration: none;
	cursor: pointer;
}
a {
	text-decoration:none;
	color:#039;
}
.currentPage {
	color:#F00;
}
</style>
</head>

<body>
	<div id="container">
        <div id="navigator">
 		<div style="margin-left:115px; width:155px; height:85px; cursor:pointer;"></div>	        
          <ul>
            <li>
	          <c:choose>
	            <c:when test="${language eq 2}">
	              <a id="nav_news" href="${ctx}/pages/web/news/newsList.jsp?language=${language}">新聞動態</a>
	            </c:when>
	            <c:otherwise>
				  <a id="nav_news" href="${ctx}/pages/web/news/newsList.jsp?language=${language}">d-News</a>
	            </c:otherwise>
	          </c:choose>              
            </li>
            <li>
	          <c:choose>
	            <c:when test="${language eq 2}">
	              <a href="${ctx}/pages/web/product/product.jsp?categoryType=1&language=${language}">產品服務</a>
	            </c:when>
	            <c:otherwise>
				  <a href="${ctx}/pages/web/product/product.jsp?categoryType=1&language=${language}">d-Concept</a>
	            </c:otherwise>
	          </c:choose>              
            </li>
            <li>
	          <c:choose>
	            <c:when test="${language eq 2}">
	              <a href="${ctx}/pages/web/case/case.jsp?language=${language}">作品集</a>
	            </c:when>
	            <c:otherwise>
				  <a href="${ctx}/pages/web/case/case.jsp?language=${language}">Gallery</a>
	            </c:otherwise>
	          </c:choose>             
            </li>
            <li>
	          <c:choose>
	            <c:when test="${language eq 2}">
	              <a href="${ctx}/company/web/getAboutUs.do?languageId=${language}&flag=1">關於我們</a>
	            </c:when>
	            <c:otherwise>
				  <a href="${ctx}/company/web/getAboutUs.do?languageId=${language}&flag=1">d-Magic</a>
	            </c:otherwise>
	          </c:choose>             
            </li>
            <li style="border-right:#177b95 1px dotted;">
	          <c:choose>
	            <c:when test="${language eq 2}">
	              <a id="nav_contact" href="${ctx}/company/web/getAboutUs.do?languageId=${language}&flag=0">聯繫我們</a>
	            </c:when>
	            <c:otherwise>
				  <a id="nav_contact" href="${ctx}/company/web/getAboutUs.do?languageId=${language}&flag=0">Contact us</a>
	            </c:otherwise>
	          </c:choose>            
            </li>
          </ul>
        </div>
		<div id="content"></div>
        <div style="list-style:none; clear:both; width:1024px; height:20px;">
          <table id="tb_page" cols="8" style="text-align:center; margin:0 auto;">
            <tr id="tr_page">
              <td>&lt;</td>
              <td><a href="#" title="1">1</a></td>
              <td><a href="#" title="2">2</a></td>
              <td><a href="#" title="3">3</a></td>
              <td><a href="#">4</a></td>
              <td><a href="#">5</a></td>
              <td>...</td>
              <td><a href="#">11</a></td>
              <td>&gt;</td>
           </tr>
          </table>
        </div>          
		<div id="footer">
			<p style="padding-top: 45px">copyright(c)2013 d-magic co.,ltd.
				All right reserved.design b</p>
		</div>
	</div>
</body>
<script type="text/javascript" src="${ctx}/extends/jquery.json-2.3.js?_=${radom}"></script>
<script type="text/javascript" src="${ctx}/pages/web/news/webNews.js"></script>
<script type="text/javascript">
    $("#nav_news").css("color","#177b95");
	$("#navigator div").click(function(e) {
        window.location = ctx + "/pages/web/index.jsp";
    });  
</script>
</html>
